.header {
    background-color: #fff;
}

.page {
    margin-top: 150px;
    padding: 0 50px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    .login-page {
        margin-top: 60px;
        .login-wrap {
            width: 100%;
            .login-text {
                @include fj;
                width: 100%;
                height: 60px;
                line-height: 60px;
                padding: 20px 0;
                margin-top: 20px;
                border-bottom: 1px solid #dcdcdc;
                .iconfont {
                    font-size: 26px;
                    color: #CCCCCC;
                    &.eye {
                        padding: 0 30px;
                        font-size: 40px;
                        border-right: 1px solid #dcdcdc;
                    }
                }
                input {
                    width: 100%;
                    height: 100%;
                    margin-right: 20px;
                    line-height: 60px;
                    color: #222;
                    font-size: 32px;
                    &.login-password {
                        width: 50%;
                    }
                }
                span {
                    padding-left: 20px;
                    font-size: 30px;
                }
                div {
                    display: flex;
                }
            }
        }
        .login-error {
            width: 100%;
            height: 40px;
            line-height: 40px;
            padding: 30px 0;
            color: $red;
            font-size: 26px;
        }
        .login-button {
            width: 100%;
            height: 100px;
            text-align: center;
            line-height: 100px;
            color: #fff;
            font-size: 32px;
            background: rgba(246, 53, 21, .5);
            @include borderRadius(60px);
            &.active {
                background: rgb(246, 53, 21)
            }
        }
        .quick-nav {
            padding: 40px 0;
            width: 100%;
            text-align: right;
            .register-button {
                color: #999;
                font-size: 28px;
            }
        }
        .other-login {
            width: 100%;
            margin-top: 100px;
            .other-head {
                @include fj;
                i {
                    flex: 1;
                    height: 1px;
                    margin-top: 18px;
                    background: #dcdcdc;
                }
                span {
                    flex: 1;
                    text-align: center;
                    font-size: 28px;
                    color: #dcdcdc;
                }
            }
            .other-con {
                display: flex;
                width: 320px;
                padding: 40px 0;
                margin: 0 auto;
                .login-icon {
                    display: flex;
                    flex-direction: column;
                    width: 96px;
                    margin: 0 30px;
                    text-align: center;
                    .iconfont {
                        width: 100%;
                        height: 96px;
                        line-height: 96px;
                        font-size: 60px;
                        color: #15B8F5;
                        background: #E7F7FE;
                        @include borderRadius(50%);
                        &.icon-weixin1 {
                            font-size: 50px;
                            color: #09BB07;
                            background: #E6F8E6;
                        }
                    }
                    span {
                        padding-top: 20px;
                        color: #999;
                    }
                }
            }
            p {
                margin-top: 20px;
                width: 100%;
                text-align: center;
                color: #999;
                a {
                    color: #409eff;
                }
            }
        }
    }
}

van-dialog {
    height: 600px;
}

iframe {
    width: 100%;
    height: 100%;
}